// 每一个留言
.message_item {
  display: flex;
  margin: 3% 0;
}

// 圆形框
.message_item_name_circle {
  color: white;
  height: 4vmax;
  width: 4vmax;
  border-radius: 2vmax;
}

// 圆形中间一个文字
.message_item_name_circle span {
  display: block;
  text-align: center;
  position: relative; /*脱离文档流*/
  top: 50%; /*偏移*/
  transform: translateY(-50%);
  font-size: 1vmax;
}

.message_item_left {
  width: 10%;
  display: flex;
  justify-content: center;
}

.message_item_right {
  display: flex;
  flex-direction: column;
  padding-left: 3%;
  width: 90%;
}

.message_item_right i {
  color: #990d0d;
}

// 用户名
.message_item_right_user_name {
  font-weight: bold;
}

// 留言样式
.message_item_message_content {
  border-bottom: white 1px dashed;
}

// 富文本区域
.message_item_message_content_child {
  margin: 0 auto;
  width: 99%;
}

.message_lists_null {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5%;
}
